body{
	background:lightyellow;
	margin:0;
	padding:0;
}
.mask{
	background:#000000;
	opacity:0.7;
	position:absolute;
	z-index: 100;
	display:none;	
	top:0;
}
h2{
	position:absolute;
	right: 200px;
	top:10px;
	font-size: 16px;
	color: pink;
}
h3{
	position:absolute;
	right:200px;
	top:30px;
	font-size: 16px;
	color: lightgrey;
}
h1 {
	text-align: center;
}
.nav{
	width: 800px;
	margin:auto;
}
.fm,.fm1{
	width: 300px;
	padding: 10px;
	margin:20px;
	background:#F2DEDE;
	display: inline-block;
	
}
.fm1{
	float:right;	
}
.fm1 input {
	margin-top:15px;
}
.fm span{
	display:none;
	border: 1px solid green;
	height:20px;
}
.fm input{
	margin-bottom:10px;
	
}
.sho .squareress h5 {
	text-align:center;
	margin:20px;
	font-size: 18px;
	border:1px solid #eea236;	
 	color: #fff;
  	background-color: #f0ad4e;
  	border-radius: 10px;
  	width: 300px;
}
.sho .squareress {
	display: none;
	float:left;
}
.sho .cercle {
	display: none;
  	float: right;
}
.sho .cercle  h5 {
	text-align:center;
	margin:20px;
	font-size: 18px;
	border:1px solid #eea236;	
 	color: #fff;
  	background-color: #f0ad4e;
  	border-radius: 10px;
  	width: 300px;
}
.sho{
	width: 800px;
	margin:auto;	
}
